import React from 'react';
import { Menu } from 'antd';
import {NavLink,withRouter} from "react-router-dom";
import './DepartmentAndStaff.css';
//收款账户
class PaymentAccount extends React.Component {
    constructor(props){
        super(props)
        this.state = {
            current: 'userAccount',
        };
    }

    handleClick = e => {
        // console.log('click ', e);
        this.setState({
            current: e.key,
        });
    };

    render() {
        return (
            <div className='DepartmentAndStaffPage'>

                <Menu onClick={this.handleClick} selectedKeys={[this.state.current]} mode="horizontal">
                    <Menu.Item key="userAccount">
                        <NavLink to='/homepage/paymentaccount/onlinepayment'>在线支付</NavLink>
                    </Menu.Item>
                    <Menu.Item key="depSet" >
                        <NavLink to='/homepage/paymentaccount/offlinepayment'>线下支付</NavLink>
                    </Menu.Item>
                </Menu>
                {/*<div>*/}
                {/*    {this.props.children}*/}
                {/*</div>*/}
            </div>

        );
    }

}

export default withRouter(PaymentAccount);